<!--首页-->
<template>
    <div>
        <el-container>
            <el-aside width="35%">
                <div class="info-box">
                    <comprehensive/>
                </div>
                <div class="info-box">
                    <revenue/>
                </div>
            </el-aside>
            <el-main>
                <div class="info-box">
                    <info-bar/>
                </div>
                <div class="info-box">
                    <gantt-chart/>
                </div>
            </el-main>
        </el-container>
    </div>
</template>

<script>
import Comprehensive from '../../components/widget/main-data/Comprehensive.vue'
import Revenue from '../../components/widget/main-data/Revenue.vue';
import InfoBar from '../../components/widget/main-data/InfoBar.vue'
import GanttChart from "../../components/widget/main-data/GanttChart.vue";
export default {
    name: 'main-data',
    components: {
        Comprehensive,
        Revenue,
        InfoBar,
        GanttChart
    }
}
</script>

<style>
.info-box {
    padding-bottom: 30px;
}
</style>